<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>15_文本属性-列表属性-列表类型</title>

        <style>
            ul {
                /* 一般企业级开发中 都不会使用ul的默认样式
                   所以我们需要使用list-style-type: none;清除
                   ul的默认样式
                */
                /* list-style-type: none; */

                /* 实心方块 */
                list-style-type: square;

                /* 圆形 */
                list-style-type: disc;

                /* 数字*/
                list-style-type: decimal;

                /* 小写罗马数字 */
                list-style-type: lower-roman;

                /* 大写罗马数字 */
                list-style-type: upper-roman;

                /* 大写字母 */
                list-style-type: upper-alpha;

                /* 小写字母 */
                list-style-type: lower-alpha;


            }

            ol {
                list-style-type: none;
            }
        </style>
    </head>
    <body>
        <ul>
            <li>朱熹理学</li>
            <li>阳明心学</li>
            <li>我爱上学</li>
            <li>学无止境</li>
        </ul>

        <ol>
            <li>睁眼</li>
            <li>穿衣服</li>
            <li>穿鞋</li>
        </ol>
    </body>
</html>